<!doctype html>
        <!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en-US"> <![endif]-->
        <!--[if IE 7]>    <html class="lt-ie9 lt-ie8" lang="en-US"> <![endif]-->
        <!--[if IE 8]>    <html class="lt-ie9" lang="en-US"> <![endif]-->
        <!--[if gt IE 8]><!--> <html lang="en-US"> <!--<![endif]-->
        <head>
                <!-- META TAGS -->
                <meta charset="UTF-8" />
                <meta name="viewport" content="width=device-width, initial-scale=1.0">

                <title>Java程序员面试、刷题、复习必备</title>

                <link rel="shortcut icon" href="images/favicon.png" />

                <!-- Style Sheet-->
                <link rel="stylesheet" href="style.css"/>
                <link rel='stylesheet' id='bootstrap-css-css'  href='css/bootstrap5152.css?ver=1.0' type='text/css' media='all' />
                <link rel='stylesheet' id='responsive-css-css'  href='css/responsive5152.css?ver=1.0' type='text/css' media='all' />
                <link rel='stylesheet' id='pretty-photo-css-css'  href='js/prettyphoto/prettyPhotoaeb9.css?ver=3.1.4' type='text/css' media='all' />
                <link rel='stylesheet' id='main-css-css'  href='css/main5152.css?ver=1.0' type='text/css' media='all' />
                <link rel='stylesheet' id='custom-css-css'  href='css/custom5152.html?ver=1.0' type='text/css' media='all' />
                <script src="https://cdn.jsdelivr.net/npm/vue"></script>
                <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

                <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
                <!--[if lt IE 9]>
                <script src="js/html5.js"></script>
                <![endif]-->

        </head>

        <body>
            <div id="indexPage">
                <!-- Start of Header -->
                <div id="test" class="header-wrapper">
                        <header>
                                <div class="container">


                                        <div class="logo-container">
                                                <!-- Website Logo -->
                                                <a href="index-2.html"  title="Knowledge Base Theme">
                                                        <img src="images/logo.png" alt="Knowledge Base Theme">
                                                </a>
                                                <span class="tag-line">Java面试、学习必备网站</span>
                                        </div>


                                        <!-- Start of Main Navigation -->
                                        <nav class="main-nav">
                                                <div class="menu-top-menu-container">
                                                        <ul id="menu-top-menu" class="clearfix">
                                                                <li class="current-menu-item"><a href="/">Home</a></li>
                                                                <li><a href="all-categories-problem.html">所有问题</a></li>
                                                        </ul>
                                                </div>
                                        </nav>
                                        <!-- End of Main Navigation -->

                                </div>
                        </header>
                </div>
                <!-- End of Header -->

                <!-- Start of Search Wrapper -->
                <div class="search-area-wrapper">
                        <div class="search-area container">
                                <h3 class="search-header">想快速找到问题?</h3>
                                <p class="search-tag-line">搜索一下!</p>

                                <form id="search-form" class="search-form clearfix" method="get" action="#" autocomplete="off">
                                        <input class="search-term required" type="text" id="s" name="s" placeholder="Type your search terms here" title="* Please enter a search term!" />
                                        <input class="search-btn" type="submit" value="Search" />
                                        <div id="search-error-container"></div>
                                </form>
                        </div>
                </div>
                <!-- End of Search Wrapper -->

                <!-- Start of Page Container -->
                <div class="page-container" id="indexPageProblem">
                        <div class="container">
                                <div class="row">

                                        <!-- start of page content -->
                                        <div class="span8 page-content">

                                                <!-- Basic Home Page Template -->
                                                <div class="row separator">
                                                        <section class="span4 articles-list">
                                                                <h3>最热问题</h3>
                                                                <ul class="articles">
                                                                        <li class="article-entry standard" v-for="(hotProblem,index) in hotProblems">
                                                                                <h4><a :href="'problem/'+hotProblem.id">{{hotProblem.title}}</a></h4>
                                                                                <span class="article-meta">{{hotProblem.createTime}}<a href="#" title="View all posts in Server &amp; Database">Server &amp; Database</a></span>
                                                                                <span class="like-count">66</span>
                                                                        </li>
                                                                </ul>
                                                        </section>


                                                        <section class="span4 articles-list">
                                                                <h3>最新问题</h3>
                                                                <ul class="articles">
                                                                        <li class="article-entry standard" v-for="(latestProblem,index) in latestProblems">
                                                                                <h4><a :href="'/problem/'+latestProblem.id">{{latestProblem.title}}</a></h4>
                                                                                <span class="article-meta">{{latestProblem.createTime}}<a href="#" title="View all posts in Server &amp; Database">Server &amp; Database</a></span>
                                                                                <span class="like-count">66</span>
                                                                        </li>
                                                                </ul>
                                                        </section>
                                                </div>
                                        </div>
                                        <!-- end of page content -->


                                        <!-- start of sidebar -->
                                        <aside class="span4 page-sidebar">

                                                <section class="widget">
                                                        <div class="support-widget">
                                                                <h3 class="title">联系:</h3>
                                                                <p class="intro">justdoitliang@foxmail.com</p>
                                                        </div>
                                                </section>
                                                <section class="widget">
                                                        <h3 class="title">Tags</h3>
                                                        <div class="tagcloud" id="tagcloud">
                                                                <a :href="'/problem/tag/'+tag.id" class="btn btn-mini" v-for="(tag,index) in tags">
                                                                        {{tag.name}}
                                                                </a>
                                                        </div>
                                                </section>

                                        </aside>
                                        <!-- end of sidebar -->
                                </div>
                        </div>
                </div>
                <!-- End of Page Container -->
            </div>
                <!-- Start of Footer -->
                <footer id="footer-wrapper">

                        <!-- end of #footer -->

                        <!-- Footer Bottom -->
                        <div id="footer-bottom-wrapper">
                                <div id="footer-bottom" class="container">
                                        <div class="row">
                                                <div class="span6">
                                                        <p class="copyright">
                                                                Copyright &copy; 2014.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
                                                        </p>
                                                </div>
                                                <div class="span6">
                                                        <!-- Social Navigation -->
<!--                                                        <ul class="social-nav clearfix">-->
<!--                                                                <li class="linkedin"><a target="_blank" href="#"></a></li>-->
<!--                                                                <li class="stumble"><a target="_blank" href="#"></a></li>-->
<!--                                                                <li class="google"><a target="_blank" href="#"></a></li>-->
<!--                                                                <li class="deviantart"><a target="_blank" href="#"></a></li>-->
<!--                                                                <li class="flickr"><a target="_blank" href="#"></a></li>-->
<!--                                                                <li class="skype"><a target="_blank" href="skype:#?call"></a></li>-->
<!--                                                                <li class="rss"><a target="_blank" href="#"></a></li>-->
<!--                                                                <li class="twitter"><a target="_blank" href="#"></a></li>-->
<!--                                                                <li class="facebook"><a target="_blank" href="#"></a></li>-->
<!--                                                        </ul>-->
                                                </div>
                                        </div>
                                </div>
                        </div>
                        <!-- End of Footer Bottom -->

                </footer>
                <!-- End of Footer -->

                <a href="#top" id="scroll-top"></a>

                <!-- script -->
                <script type='text/javascript' src='js/jquery-1.8.3.min.js'></script>
                <script type='text/javascript' src='js/jquery.easing.1.3.js'></script>
                <script type='text/javascript' src='js/prettyphoto/jquery.prettyPhoto.js'></script>
                <script type='text/javascript' src='js/jflickrfeed.js'></script>
				<script type='text/javascript' src='js/jquery.liveSearch.js'></script>
                <script type='text/javascript' src='js/jquery.form.js'></script>
                <script type='text/javascript' src='js/jquery.validate.min.js'></script>
                <script type='text/javascript' src='js/custom.js'></script>

        <div style="display:none">
<!--                <script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script>-->
        </div>
</body>
<script type="text/javascript">

    // var vue=new Vue({
    //     el:"#tagcloud",
    //         data() {
    //                 return {
    //                         tags: [],
    //                 }
    //         },
    //     created(){
    //             axios.get('api/tag').then(response => {
    //                     this.tags=response.data.data;
    //             }).catch(error=>{
    //                     this.tags=[{'id':1,'name':'abcd'}]
    //             });
    //     }
    // });
    var indexPageProblemVue=new Vue({
            el:"#indexPage",
            data() {
                    return {
                            hotProblems:[],
                            tags:[],
                            latestProblems:[]
                    }
            },
            created(){
                axios.get('api/problem/hot').then(resp=>{
                            this.hotProblems=resp.data.data;
                }).catch(error=>{});

                axios.get('api/problem/latest').then(resp=>{
                            this.latestProblems=resp.data.data;
                }).catch(error=>{});

                    axios.get('api/tag').then(response => {
                            this.tags=response.data.data;
                    }).catch(error=>{
                                    this.tags=[{'id':1,'name':'abcd'}]
                            });
            }
    });

</script>
</html>